<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ZLX</title>
    <style>
        /* 伪类选择器 一定要按此顺序 */
        /* 一般开发中比较常用hover */
        /* 选a的父标签不能定义其颜色，一定要选择a标签 */
        a:link {
            color: grey;
            text-decoration: none;
        }
        a:visited {
            color: blue;
        }
        a:hover {
            color: red;
            text-decoration: underline;
        }
        a:active {
            color: green;
            text-decoration: underline;
        }
    </style>
</head>
<body>
    <a href="https://jwch.fzu.edu.cn/" target="_blank">福州大学教务处</a>
    <a href="https://met2.fzu.edu.cn/meol/index.do" target="_blank">福州大学课程中心</a>
    <a href="#" target="_blank">ZLX的简介</a>
</body>
</html>